Android UI 常用工具

发表于 | 分类于

简介

这篇博客旨在记录 Android 学习时遇到的 UI 问题，保持更新（最后更新时间2017-11-12）

使用圆形图片

可以自己写一个View去继承ImageView，但是最简单的方法当然是使用第三方工具了:
CircleImageView-Github
使用方法项目里也说了，这里再用我自己的实践复述一下：
1.修改 build.gradle

1
2
3
4
dependencies {
    ...
    compile 'de.hdodenhof:circleimageview:2.2.0'
}

2.在xml文件里使用

1
2
3
4
5
6
7
8
9
10
<de.hdodenhof.circleimageview.CircleImageView xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/avatar"
    android:layout_width="136dp"
    android:layout_height="140dp"
    android:layout_marginBottom="30dp"
    android:layout_marginLeft="120dp"
    android:layout_marginTop="90dp"
    android:src="@drawable/bxz"
    app:civ_border_color="@android:color/white"
    app:civ_border_width="2dp" />

具体属性可以自己动手试试，或者看项目的文档。
Demo
CircleImageViewDemo

使用圆角矩形

1.在drawable下新建xml文件：

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/holo_blue_dark"/>
    <corners android:radius="@dimen/conner_radio"/>
</shape>

属性设置：
solid android:color: 设置控件的颜色
corners android:radius 设置圆角矩形圆角的半径
2.在布局文件中使用（我上面的xml文件名为blue_bg_rounded_rectangle.xml）:

1
2
3
4
5
6
7
8
9
<Button
    android:id="@+id/login"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:background="@drawable/blue_bg_rounded_rectangle"
    android:text="登录"
    android:textColor="@android:color/background_light"
    android:textSize="@dimen/activity_vertical_margin" />

Demo
RoundedRectangleDemo

设置控件透明

有多种方法，这里使用最简单的方法：

1
android:color="#33FFFFFF"

颜色的前两位十六进制就是要设置的透明度
Demo(结合圆角矩形)
TransparentDemo